<template>
  <fieldset>
    <legend>App</legend>
    <!-- <h3>123</h3>
    <parent></parent> -->
    <!-- <xbw>
      <template v-slot:main>
        <h1>赤色要塞</h1>
        <h1>忍者神龟</h1>
        <h1>冒险岛</h1>
        <h1>三目童子</h1>
      </template>
      
      <template v-slot:footer>
        <h1>影子传说</h1>
        <h1>三只小猪</h1>
        <h1>坦克大战</h1>
        <h1>小蜜蜂</h1>
      </template>
      
      <h1>拳皇97</h1>
      <h1>合金弹头</h1>
      <h1>恐龙快打</h1>
      <h1>三国战纪</h1>

       插槽作用域 
      <template v-slot:xuexi="{arr}">
          <h1 v-for="(item,index) of arr" :key="index">{{item}}</h1>
      </template>

    </xbw> -->
    <!-- <Mix></Mix> -->
    <Home></Home>
    <Home2></Home2>
  </fieldset>
</template>

<script>
  // 将parent注册成为当前App组件的子组件

  // 引入parent组件

  // slot:可以扩展的内容写到组件标签的中间

  // 在组件的结构中，使用slot这个标签看来进行展示

  // 直接使用slot展示不具名内容

  // 可以在slot标签中间写上默认的结构，在组件没有传递没有结构的时候,使用默认值

// import parent from "./components/parent"
// import xbw from "./components/xbw"
// import Mix from "./components/Mix"
  import Home from "./components/Home"
  import Home2 from "./components/Home2"
export default {
  components: {
    // parent
    // xbw
    // Mix
    Home,
    Home2
  }
}
</script>